<template>
    <div>
        <Row type="flex" justify="start" :gutter="20" class="table-header">
            <Col>营口科达运输有限公司</Col>
            <Col>处警次数：200次</Col>
            <Col>风险处警次数：100次</Col>
            <Col>隐患处警次数：100次</Col>
            <Col>风险概率环比：2.5%</Col>
        </Row>
        <div>
            <Table stripe :columns="columns1" :data="data1"></Table>
        </div>
        <Row type="flex" justify="end" class="mt20 mr20">
            <Col>
                <Page :total="50"/>
            </Col>
        </Row>
    </div>
</template>

<script>
export default {
  name: 'tableTwo',
  data () {
    return {
      columns1: [
        {
          title: '序号',
          key: 'id'
        },
        {
          title: '名称',
          key: 'name'
        }, {
          title: '处警次数',
          key: 'cjcs',
          minWidth: 100
        }, {
          title: '风险处警次数',
          key: 'fxcjcs',
          minWidth: 100
        }, {
          title: '隐患处警次数',
          key: 'yhcjcs',
          minWidth: 100
        }, {
          title: '风险概率环比',
          key: 'fxglhb'
        }
      ],
      data1: []
    }
  },
  mounted () {
    let data = []
    for (let i = 0; i < 5; i++) {
      data.push({
        id: i + 1,
        name: '车队' + i,
        cjcs: 2 * i,
        fxcjcs: 3 * i / 2,
        yhcjcs: 3 * i / 4,
        fxglhb: 3 * i / 2.5
      })
    }
    this.data1 = data
  }
}
</script>

<style scoped>
.table-header{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
</style>
